<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>智慧班牌管理平台</title>
    <!-- Tell the browser to be responsive to screen width-->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5-->
    <link rel="stylesheet" href="theme/bootstrap/css/bootstrap.min.css">
    <!-- Bootstrap time Picker-->
    <link rel="stylesheet" href="theme/plugins/datepicker/datepicker3.css">
    <!-- Font Awesome-->
    <link rel="stylesheet" href="theme/font-awesome/css/font-awesome.min.css">
    <!-- Ionicons-->
    <link rel="stylesheet" href="theme/ionicons/css/ionicons.min.css">
    <!-- Theme style-->
    <link rel="stylesheet" href="theme/dist/css/AdminLTE.min.css">
    <link rel="stylesheet" href="https://xushicheng.com/Public/wap/css/skin.min.css">
    <!--
    AdminLTE Skins. We have chosen the skin-blue for this starter
    page. However, you can choose any other skin. Make sure you
    apply the skin class to the body tag so the changes take effect.
    -->
    <link rel="stylesheet" href="theme/dist/css/skins/skin-blue.min.css">
    <link rel="stylesheet" href="css/backoffice.css">
    <link rel="stylesheet" href="css/borain-timeChoice.css">
    <link rel="stylesheet" href="theme/layui/css/layui.css">
    <link rel="stylesheet" href="css/patrol.css">
   <link rel="stylesheet" href="css/news.css">
   <link rel="stylesheet" href="css/visitor.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries-->
    <!-- WARNING: Respond.js doesn't work if you view the page via file://-->
    <!--if lt IE 9
    script(src='https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js')
    script(src='https://oss.maxcdn.com/respond/1.4.2/respond.min.js')
    -->
  </head>
  <!--
  BODY TAG OPTIONS:
  =================
  Apply one or more of the following classes to get the
  desired effect
  |---------------------------------------------------------|
  | SKINS         | skin-blue                               |
  |               | skin-black                              |
  |               | skin-purple                             |
  |               | skin-yellow                             |
  |               | skin-red                                |
  |               | skin-green                              |
  |---------------------------------------------------------|
  |LAYOUT OPTIONS | fixed                                   |
  |               | layout-boxed                            |
  |               | layout-top-nav                          |
  |               | sidebar-collapse                        |
  |               | sidebar-mini                            |
  |---------------------------------------------------------|
  -->
  <style type="text/css">
    .addbg {
      background: #ECEAEA;
    }
    .max{
     display: none;
        position: absolute;
        top: 20%;left: 20%;
        width: 800px;
        height: 530px;
        /*background-color: black;*/
        z-index: 9999;
        /*opacity: .70;*/

    }
    .min{
      width:80px;
      height:40px;
      margin-left:60px;
    }
    h3{
      padding: 6px 12px;
      display: inline-block;
      border: 1px solid rgb(26, 179, 148);
      border-radius: 3px;
      color: rgb(26, 179, 148);
      font-size: 14px;
    }
    body #createtranslate ul li.selected {
      background-color: #00a65a;
      color: white; }

    body #translatelist ul li.selected {
      background-color: #00a65a;
      color: white; }
    body #bindings ul li.selected {
      background-color: #1e282c;
      color: white; }

    body #unbound ul li.selected {
      background-color: #1e282c;
      color: white; }

  </style>
  <body class="hold-transition skin-blue sidebar-mini">
    <!-- treeItem template-->
    <script id="item-template" type="text/x-template">
      <li>
        <div v-class="bold: isFolder">
        <span v-on="click: toggle">
          <i class="fa {{open ? 'fa-minus-square-o' : 'fa-plus-square-o'}}" v-if="isFolder"></i>
        &nbsp;{{model.name}}&nbsp;
        </span>
          <input type="checkbox" class="simple" v-model="model.checked" v-on="change: checkedChange(model)">
        </div>
        <ul v-show="open" v-if="isFolder">
          <item class="item" v-repeat="model: model.children" on-checked="{{onChecked}}">
          </item>
        </ul>
      </li>
    </script>
    <!-- treeItem template-->
    <script id="item-template-teacher" type="text/x-template">
      <li>
        <div v-class="bold: isFolder">
          <span v-on="click: toggle">
            <i class="fa {{open ? 'fa-minus-square-o' : 'fa-plus-square-o'}}" v-if="isFolder"></i>
          &nbsp;{{model.name}}&nbsp;
          </span>
          <input type="checkbox" class="simple" v-model="model.checked" v-on="change: checkedChange(model)">
          <span v-show="model.checked && !model.children" v-on="click: checkedChange(model)">{{(model.type=='headmaster')?'班主任': '任课老师'}}</span>
        </div>
        <ul v-show="open" v-if="isFolder">
          <itemteacher class="item" v-repeat="model: model.children" on-checked="{{onChecked}}">
          </itemteacher>
        </ul>
      </li>
    </script>
    <div class="wrapper">
      <!-- Main Header-->
      <header class="main-header">
        <!-- Logo--><a href="#" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels--><span class="logo-mini"><b>智慧</b>班牌</span>
          <!-- logo for regular state and mobile devices--><span class="logo-lg"><b>智慧校园</b>管理系统</span></a>
        <!-- Header Navbar-->
        <nav role="navigation" class="navbar navbar-static-top">
          <!-- Sidebar toggle button--><a href="#" data-toggle="offcanvas" role="button" class="sidebar-toggle"><span class="sr-only">导航菜单开关</span></a>
          <!-- Navbar Right Menu-->
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
              <!-- User Account Menu-->
              <li class="dropdown user user-menu">
                <!-- Menu Toggle Button--><a href="#" data-toggle="dropdown" class="dropdown-toggle">
                  <!-- The user image in the navbar--><img src="theme/dist/img/user2-160x160.jpg" alt="User Image" class="user-image">
                  <!-- hidden-xs hides the username on small devices so only the image appears.--><span class="hidden-xs">{{adminName}}</span></a>
                <ul class="dropdown-menu">
                  <!-- The user image in the menu-->
                  <li class="user-header"><img src="theme/dist/img/user2-160x160.jpg" alt="User Image" class="img-circle">
                    <p>{{adminName}}</p>
                  </li>
                  <!-- Menu Footer-->
                  <li class="user-footer">
                    <!--.pull-left-->
                    <!--  a.btn.btn-default.btn-flat(href='{{}}') 重置密码-->
                    <div class="pull-right"><a href="{{baseURL}}/logout" class="btn btn-default btn-flat">注销</a></div>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
        </nav>
      </header>
      <!-- Left side column. contains the logo and sidebar-->
      <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less-->
        <section class="sidebar">
          <!-- Sidebar Menu-->
          <ul id="menuButton" class="sidebar-menu">
            <li>
              <select v-model="schoolYear" class="form-control">
                <option value="{{schoolYearItem}}" v-repeat="schoolYearItem in schoolYears">{{schoolYearItem}} - {{schoolYearItem + 1}} 学年</option>
              </select>
            </li>
            <li class="header">系统功能</li>
            <!-- Optionally, you can add icons to the links-->
            <li v-show="status == 0"  v-on="click:changeCurrentFunction('班牌状态')" class="active"><a href="#"><i class="fa fa-th"></i><span>班牌状态</span></a></li>
            <li v-show="status == 0" v-on="click:changeCurrentFunction('班级管理')" class="treeview"><a href="#"><i class="fa fa-table"></i><span>班级管理</span><i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
                <li v-repeat="list: organization" class="treeview"><a href="#"><i class="fa fa-folder"></i>{{list.grade}}</a>
                  <ul class="treeview-menu">
                    <li v-repeat="classObj: list.classes" v-on="click:showClassTable(classObj)" v-class="active: classObj == selectedClass"><a href="#"><i class="fa fa-file-text-o"></i>{{classObj.className}}</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li v-show="status == 0" v-on="click:changeCurrentFunction('教师管理')" class="treeview"><a href="#"><i class="fa fa-users"></i><span>教师管理</span><i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
                <div class="nav-tabs-custom">
                  <ul class="nav nav-tabs" style="background-color: #1e282c;color:white">
                    <li class="active"><a href="#bindings" data-toggle="tab" v-on="click: showbindings()" aria-expanded="true">已绑定</a></li>
                    <li><a href="#unbound" data-toggle="tab" >未绑定</a></li>
                  </ul>

                  <div class="tab-content">

                    <div id="bindings" class="tab-pane active">
                      <ul class="list-group" style="list-style: none">
                        <li class="list-group-item" v-repeat="bindindsteacher: bindindsteachers" v-class="selected: absense.indexOf(bindindsteacher) != -1" class="treeview" v-on="click:showTeacher(bindindsteacher)">{{bindindsteacher.name}}</li>
                      </ul>
                    </div>
`
                    <div id="unbound" class="tab-pane">
                      <ul class="list-group" style="list-style: none">
                        <li v-class="selected: absense.indexOf(unboundteacher) != -1" v-repeat="unboundteacher: unboundteachers" class="list-group-item" v-on="click:showTeacher(unboundteacher)">{{unboundteacher.name}}</li>
                      </ul>
                    </div>
                    <div style="clear:both;"></div>
                  </div>

                </div>
              </ul>
            </li>
            <li v-show="status == 0" v-on="click:changeCurrentFunction('通知消息')" class="treeview"><a href="#"><i class="fa fa-bell-o"></i><span>通知消息</span><i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
                <div class="nav-tabs-custom">
                  <ul class="nav nav-tabs">
                    <li class="active"><a href="#notification_articls" data-toggle="tab" aria-expanded="true">正在展示</a></li>
                    <li><a href="#notification_trash" data-toggle="tab" aria-expanded="false">已删除</a></li>
                  </ul>
                  <div class="tab-content">
                    <div id="notification_articls" class="tab-pane active">
                      <div v-repeat="article: notifications.show" v-on="click:showNotification(article)"><a href="#">{{article.title}}</a></div>
                      <div v-on="click:addNotification()" class="pull-right"><a href="#"><i class="fa fa-plus-circle"></i>添加通知</a></div>
                    </div>
                    <div id="notification_trash" class="tab-pane">
                      <div v-repeat="article: notifications.deleted" v-on="click:showNotification(article)"><a href="#">{{article.title}}</a></div>
                    </div>
                    <div style="clear:both;"></div>
                  </div>
                </div>
              </ul>
            </li>
            <li v-show="status == 0" v-on="click:changeCurrentFunction('班牌内容')" class="treeview"><a href="#"><i class="fa fa-windows"></i><span>班牌内容</span><i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
                <li class="treeview"><a href="#" v-on="click: changeClassplate('-1','全校', $event)"><i class="fa fa-folder"></i>全校</a>
                  <ul class="treeview-menu"></ul>
                </li>
                <li v-repeat="list: organization" class="treeview"><a href="#" v-on="click: changeClassplate(list.gradeID, list.grade, $event)"><i class="fa fa-folder"></i>{{list.grade}}</a>
                  <ul class="treeview-menu">
                    <li v-repeat="classObj: list.classes" v-class="active: classObj == selectedClass"><a href="#" v-on="click: changeClassplate(classObj.ID, classObj.className, $event)"><i class="fa fa-file-text-o"></i>{{classObj.className}}</a></li>
                  </ul>
                </li>
                <!-- 班牌内容-->
                <div v-show="showClassplate" class="nav-tabs-custom">
                  <ul class="nav nav-tabs">
                    <li class="active"><a href="#pages_articls" data-toggle="tab" aria-expanded="true">{{cur_organization}}正在展示</a></li>
                    <li><a href="#pages_trash" data-toggle="tab" aria-expanded="false">已删除</a></li>
                  </ul>
                  <div class="tab-content">
                    <div id="pages_articls" class="tab-pane active">
                      <div v-repeat="article: pages.show" v-on="click:showPage(article)"><a href="#">{{article.title}}</a></div>
                      <div v-on="click:addPage()" class="pull-right"><a href="#"><i class="fa fa-plus-circle"></i>添加内容</a></div>
                    </div>
                    <div id="pages_trash" class="tab-pane">
                      <div v-repeat="article: pages.deleted" v-on="click:showPage(article)"><a href="#">{{article.title}}</a></div>
                    </div>
                    <div style="clear:both;"></div>
                  </div>
                </div>
              </ul>
            </li>
            <li v-show="status == 0" v-on="click:changeCurrentFunction('班级考评')" class="treeview"><a href="#"><i class="fa fa-flag"></i><span>班级考评</span><i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
                <div class="nav-tabs-custom">
                  <ul class="nav nav-tabs">
                    <li id="tabs_evaluateSituation" class="active"><a href="#pages_evaluateSituation" data-toggle="tab">考评情况</a></li>
                    <li><a href="#pages_evaluator" data-toggle="tab" v-on="click: showEvaluator()">考评员</a></li>
                  </ul>
                  <div class="tab-content">
                    <div id="pages_evaluateSituation" class="tab-pane active">
                      <div id="evaluateSituation_date" class="input-group date">
                        <input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                      </div>
                      <li class="treeview"><a href="#" v-on="click: showEvaluate('0','全校', '学校', $event)" v-class="active: '全校' == cur_organization"><i class="fa fa-folder"></i>全校</a></li>
                      <li v-repeat="list: organization" class="treeview"><a href="#" v-on="click: showEvaluate(list.gradeID, list.grade, '年级', $event)" v-class="active: list.grade == cur_organization"><i class="fa fa-folder"></i>{{list.grade}}</a>
                        <ul class="treeview-menu">
                          <li v-repeat="classObj: list.classes"><a href="#" v-on="click: showEvaluate(classObj.ID, classObj.className, '班级', $event)" v-class="active: classObj.className == cur_organization"><i class="fa fa-file-text-o"></i>{{classObj.className}}</a></li>
                        </ul>
                      </li>
                    </div>
                    <div id="pages_evaluator" class="tab-pane">
                      <ul>
                        <li v-repeat="evaluator: evaluators" class="treeview"><a href="#" v-on="click: showEvaluator(evaluator)" v-class="active: cur_evalutor == evaluator">{{evaluator.name}}</a></li>
                      </ul>
                    </div>
                    <div style="clear:both;"></div>
                  </div>
                </div>
              </ul>
            </li>
            <li v-show="status == 0" class="treeview"><a href="#"><i class="fa fa-cloud-download"></i><span>EMIS导入</span><i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
                <li v-on="click:changeCurrentFunction('组织架构')" class="treeview"><a href="#"><i class="fa fa-table"></i><span>组织架构</span><i class="fa fa-angle-left pull-right"></i></a></li>
                <li v-on="click:changeCurrentFunction('学籍信息')" class="treeview"><a href="#"><i class="fa fa-graduation-cap"></i><span>学籍信息</span><i class="fa fa-angle-left pull-right">   </i></a></li>
              </ul>
            </li>
            <!-- 报修管理 -->
            <li v-show="status == 0" class="treeview"><a href="#"><i class="fa fa-asterisk"></i><span>报修管理</span><i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
                <li v-on="click:changeCurrentFunction('维修人员列表')" class="treeview"><a href="#"><i class="fa fa-table"></i><span>维修人员列表</span><i class="fa fa-angle-left pull-right"></i></a></li>
                <li v-on="click:changeCurrentFunction('报修列表')" class="treeview"><a href="#"><i class="fa fa-table"></i><span>报修列表</span><i class="fa fa-angle-left pull-right"></i></a></li>
                <li v-on="click:changeCurrentFunction('添加维修人员')" class="treeview"><a href="#"><i class="fa fa-graduation-cap"></i><span>添加维修人员</span><i class="fa fa-angle-left pull-right">   </i></a></li>
              </ul>
            </li>
            <!-- 教师工资管理 -->
            <li v-show="status == 1 ||status == 0" v-on="click:changeCurrentFunction('工资管理')" class="treeview"><a href="#"><i class="fa fa-building-o"></i><span>工资管理</span><i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
                <li>
                  <select v-model="teacheryear" class="form-control">
                    <option value="{{teacheryearItem}}" v-repeat="teacheryearItem in teacheryears">{{teacheryearItem}}</option>
                  </select>
                </li>
              </ul>
            </li>
            <!-- 访客管理 -->
            <li v-show="status == 0" class="treeview"><a href="#"><i class="fa fa-female"></i><span>访客管理</span><i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
				<li v-on="click:changeCurrentFunction('访客二维码')" class="treeview"><a href="#"><i class="glyphicon glyphicon-qrcode"></i><span>访客二维码</span><i class="fa fa-angle-left pull-right"></i></a></li>
                <li v-on="click:changeCurrentFunction('访客列表')" class="treeview"><a href="#"><i class="fa fa-folder"></i><span>访客列表</span><i class="fa fa-angle-left pull-right"></i></a></li>
              </ul>
            </li>
            <!-- 会议签到 -->
            <li v-show="status == 0 || status == 2" class="treeview"><a href="#"><i class="glyphicon glyphicon-edit"></i><span>会议签到</span><i class="fa fa-angle-left pull-right"></i></a>
              <ul class="treeview-menu">
                <li v-on="click:changeCurrentFunction('创建会议')" class="treeview"><a href="#"><i class="fa fa-folder"></i><span>创建会议</span><i class="fa fa-angle-left pull-right"></i></a></li>
                <li v-on="click:changeCurrentFunction('会议列表')" class="treeview"><a href="#"><i class="fa fa-folder"></i><span>会议列表</span><i class="fa fa-angle-left pull-right"></i></a></li>
              </ul>
            </li>




            <!-- 校园巡查 -->
            <li v-show="status == 0" class="treeview">
                <a href="#"><i class="fa fa-asterisk"></i><span>校园巡查</span><i class="fa fa-angle-left pull-right"></i></a>
                <ul class="treeview-menu">
                    <li v-on="click:changeCurrentFunction('巡查列表')" class="treeview"><a href="#"><i class="fa fa-table"></i><span>巡查列表</span><i class="fa fa-angle-left pull-right"></i></a></li>
                    <li class="treeview"><a href="#"><i class="fa fa-graduation-cap"></i><span>巡查设置</span><i class="fa fa-angle-left pull-right"></i></a>
                        <ul class="treeview-menu">
                            <li v-on="click:changeCurrentFunction('巡查任务')" class="treeview"><a href="#"><i class="fa fa-graduation-cap"></i><span>巡查任务</span><i class="fa fa-angle-left pull-right"></i></a></li>
                            <li v-on="click:changeCurrentFunction('巡查地点')" class="treeview"><a href="#"><i class="fa fa-graduation-cap"></i><span>巡查地点</span><i class="fa fa-angle-left pull-right"></i></a></li>
                        </ul>
                    </li>
                    <li v-on="click:changeCurrentFunction('巡查人员')" class="treeview"><a href="#"><i class="fa fa-graduation-cap"></i><span>巡查人员</span><i class="fa fa-angle-left pull-right">   </i></a></li>
                </ul>
            </li>
      
    
      
      
    <!-- 校园新闻 -->

    <li v-show="status == 0" class="treeview">
                <a href="#"><i class="glyphicon glyphicon-volume-up"></i><span>校园新闻</span><i class="fa fa-angle-left pull-right"></i></a>
                <ul class="treeview-menu">
                    <li v-on="click:changeCurrentFunction('新闻列表')" class="treeview"><a href="#"><i class="fa fa-table"></i><span>新闻列表</span><i class="fa fa-angle-left pull-right"></i></a></li>
                     <li v-on="click:changeCurrentFunction('新闻发布')" class="treeview"><a href="#"><i class="fa fa-table"></i><span>新闻发布</span><i class="fa fa-angle-left pull-right"></i></a></li>
                    <li v-on="click:changeCurrentFunction('用户管理')" class="treeview"><a href="#"><i class="fa fa-graduation-cap"></i><span>用户管理</span><i class="fa fa-angle-left pull-right">   </i></a></li>
                </ul>
       </li>

          <!-- /.sidebar-menu-->
        </section>
        <!-- /.sidebar-->
      </aside>
      <!-- 内容区-->
      <div class="content-wrapper">
        <!-- 班牌状态-->
        <section id="classPlate" v-show="currentFunction == '班牌状态'" class="content">
          <div id="pickerClassPlate_pic_container">
            <div id="pickerClassPlate_pic" style="display:none">选择文件</div>
          </div>
          <div id="pickerClassPlate_excel_container">
            <div id="pickerClassPlate_excel" style="display:none">选择文件</div>
          </div>
          <div class="box content">
            <div class="box-header with-border">
              <h3 class="box-title">班牌状态</h3>
              <div class="box-tools pull-right">
                <label>锁定状态图片：</label><a href="#" v-on="click:updatePic()"><i class="fa fa-file-image-o"></i><span> 更新</span></a>
                <label>锁定内容清单：</label><a href="#" class="exportExcel"><i class="fa fa-cloud-download"></i><span> 下载&nbsp;</span></a><a href="#" v-on="click:importExcel()"><i class="fa fa-cloud-upload"></i><span> 上载</span></a>
              </div>
            </div>
            <div v-show="unbound.length &gt; 0">
              <h2>待入库班牌</h2>
              <div v-repeat="plate: unbound" class="card">
                <p class="mac">MAC {{plate.mac}}</p>
                <button data-toggle="modal" data-target="#bindClass" v-on="click: saveMAC(plate.mac)" class="btn btn-primary">设定年级/班级</button>
              </div>
            </div>
            <div class="bound">
              <div v-repeat="classPlate: bound" v-on="mouseover:setHover(classPlate, true),mouseout:setHover(null)" class="card {{classPlate.state}}">
                <div v-show="classPlate != hover" class="state">
                  <h1 v-show="classPlate.offline">{{classPlate.className}}</h1>
                  <h1 v-show="classPlate.offline">设备离线</h1><img v-show="!classPlate.offline" v-attr="src:classPlate.screenshot">
                </div>
                <div v-show="classPlate == hover" class="function">
                  <h5 class="pull-right">{{classPlate.className}}</h5>
                  <div class="form-group">
                    <label>工作模式</label>
                    <select v-model="classPlate.state" v-on="change:onChangeState(classPlate)" class="form-control">
                      <option value="normal">正常</option>
                      <option value="lock">锁定</option>
                    </select>
                  </div>
                  <textarea v-show="classPlate.state == 'lock'" v-model="classPlate.lockContent" placeholder="锁定信息" rows="3" v-on="change:onChangeContent(classPlate)"></textarea>
                  <button v-on="click: releaseBind(classPlate)" class="btn btn-danger releaseBind">解除绑定</button>
                  <p class="pull-right">MAC {{classPlate.mac}}</p>
                </div>
              </div>
            </div>
            <div class="clearfix"></div>
          </div>
        </section>
        <!-- /.content-->
        <!-- 班级管理-->
        <section id="classTable" v-show="currentFunction == '班级管理'" class="content">
          <div id="pickerClassTable" style="display:none">选择文件</div>
          <div class="row">
            <div class="col-md-3 col-sm-6 col-xs-12"><a id="downloadClassTable" href="#">
                <div class="info-box"><span class="info-box-icon bg-aqua"><i class="fa fa-cloud-download"></i></span>
                  <div class="info-box-content"><span class="info-box-text">每学期请按此构建班级课表</span><span class="info-box-number">下载课程表模板</span></div>
                </div></a></div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div id="uploadClassTable" class="info-box"><span class="info-box-icon bg-green"><i class="fa fa-cloud-upload"></i></span>
                <div class="info-box-content"><span class="info-box-text">可自动建立年级和班级结构</span><span class="info-box-number">上传覆盖班级课程表</span></div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12"><a id="downloadStudentTable" href="#">
                <div class="info-box"><span class="info-box-icon bg-yellow"><i class="fa fa-cloud-download"></i></span>
                  <div class="info-box-content"><span class="info-box-text">请先上传班级课表</span><span class="info-box-number">下载班级学生名单模板</span></div>
                </div></a></div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div id="uploadStudentTable" class="info-box"><span class="info-box-icon bg-red"><i class="fa fa-cloud-upload"></i></span>
                <div class="info-box-content"><span class="info-box-text">请先上传班级课表</span><span class="info-box-number">上传覆盖学生名单</span></div>
              </div>
            </div>
          </div>
          <div class="box content">
            <div class="box-header with-border">
              <h3 class="box-title">{{className}}课程表</h3>
              <div class="box-tools pull-right"></div>
            </div>
            <div class="table-responsive">
              <table class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th colspan="2">节次/星期</th>
                    <th>星期一</th>
                    <th>星期二</th>
                    <th>星期三</th>
                    <th>星期四</th>
                    <th>星期五</th>
                  </tr>
                </thead>
                <tbody>
                  <tr v-repeat="list: schedule">
                    <td>{{$index+1}}</td>
                    <td>{{list.timeSpan}}</td>
                    <td><span class="name">{{list.星期一.projectName}}</span><span class="teacher">{{list.星期一.teacher}}</span></td>
                    <td><span class="name">{{list.星期二.projectName}}</span><span class="teacher">{{list.星期二.teacher}}</span></td>
                    <td><span class="name">{{list.星期三.projectName}}</span><span class="teacher">{{list.星期三.teacher}}</span></td>
                    <td><span class="name">{{list.星期四.projectName}}</span><span class="teacher">{{list.星期四.teacher}}</span></td>
                    <td><span class="name">{{list.星期五.projectName}}</span><span class="teacher">{{list.星期五.teacher}}</span></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div class="box content">
            <div class="box-header with-border">
              <h3 class="box-title">{{className}}学生信息表</h3>
              <!--在学生信息表页面增加 导出学生二维码按钮，qrCode按钮样式 -->
              <div v-on="click:exportQRCode()" class="box-tools pull-right qrCode">导出班级学生二维码</div>
            </div>
            <div class="table-responsive">
              <table class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>学籍号</th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>身份证号</th>
                    <th>联系电话</th>
                    <th>绑定微信家长</th>
                    <th style="text-align: center">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr v-repeat="student: students">
                    <td>{{student.studentCode}}</td>
                    <td>{{student.name}}</td>
                    <td>{{student.sex}}</td>
                    <td>{{student.IDNumber}}</td>
                    <td>{{student.mobile}}</td>
                    <td><span v-repeat="parent: student.parent" v-text="parent.relationship + ' ' + parent.mobile" v-on="click:removeRelationShip(student, parent)"></span></td>
                    <td v-on="click:deleteStudent(student)" class='btn btn-warning btn-small' style="float: right;position: relative;right:30px"><span>删除</span></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </section>
        <!-- /.content-->
        <!-- 通知消息-->
        <section id="noticitons" v-show="currentFunction == '通知消息'" class="content">
          <div class="box content">
            <div class="box-header with-border">
              <input type="text" v-model="article.title" class="form-control box-title">
              <div class="box-tools pull-right"><a href="#" v-on="click:deleteArticle(article)" v-show="show.indexOf(article) != -1" class="pull-right"><i class="fa fa-trash-o btn"></i>删除</a><a href="#" v-on="click:recoveryArticle(article)" v-show="deleted.indexOf(article) != -1" class="pull-right"><i class="fa fa-recycle btn"></i>恢复</a></div>
            </div>
            <div class="box-body">
              <textarea v-model="article.content" class="form-control"></textarea>
            </div>
            <div class="box-footer">
              <button v-on="click: saveArticle(article)" class="btn btn-block btn-primary pull-right">保存</button>
            </div>
          </div>
        </section>
        <!-- /.content-->
        <!-- 班牌内容-->
        <section id="pages" v-show="currentFunction == '班牌内容'" class="content">
          <div class="box content">
            <div class="box-header with-border">
              <h3 class="box-title">以下为预览和编辑，请使用滚轮上下翻页。为保证最佳效果，首页图片请使用PS等工具将分辨率处理为1280*800。</h3>
              <div class="box-tools pull-right"><a href="#" v-on="click:deleteArticle(article)" v-show="show.indexOf(article) != -1" class="pull-right"><i class="fa fa-trash-o btn"></i>删除</a><a href="#" v-on="click:recoveryArticle(article)" v-show="deleted.indexOf(article) != -1" class="pull-right"><i class="fa fa-recycle btn"></i>恢复</a></div>
            </div>
            <div class="box-body slideContainerParent">
              <div class="titleBar">
                <h1 v-text="article.title" v-on="click:changeText(article, 'title', '标题')"></h1>
                <div class="homeButton"></div>
              </div>
              <div id="editorContainer" class="slideContainer">
                <div v-style="article.background" class="slide preface"></div>
                <div v-repeat="slide: article.subpage" v-style="slide.background" class="slide">
                  <div class="textarea">
                    <div class="pageIndex">{{$index + 1}}/{{article.subpage.length}}</div>
                    <div v-text="slide.textarea.content|leftCenter slide.textarea" v-on="click:changeText(slide.textarea, 'content', '内容')" v-style="slide.textarea.style" class="content"></div>
                  </div>
                </div>
              </div>
              <div class="toolbar"><i class="fa fa-picture-o upload"></i><i class="fa fa-search-plus zoomin"></i><i class="fa fa-search-minus zoomout"></i><i class="fa fa-trash delete"></i><i class="fa fa-plus-square add"></i></div>
              <div id="pickerPages" style="display:none">选择文件</div>
            </div>
            <div class="box-footer">
              <button v-on="click: saveArticle(article)" class="btn btn-block btn-primary pull-right">保存</button>
            </div>
          </div>
        </section>
        <!-- /.content-->
        <!-- 教师管理-->
        <section id="teachers" v-show="currentFunction == '教师管理'" class="content">
          <div class="row">
            <div class="col-md-6">
              <div class="box content teacherInfo">
                <div class="box-header with-border">
                  <h3 class="box-title">{{teacher.name}}&nbsp;教师信息管理</h3>
                </div>
                <div class="box-body">
                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">姓名</label>
                          <div class="col-sm-8">
                            <input type="text" v-model="teacher.name" placeholder="请填写姓名" class="form-control">
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">手机</label>
                          <div class="col-sm-8">
                            <input type="tel" v-model="teacher.phone" placeholder="请填写手机" class="form-control">
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">短信账号</label>
                          <div class="col-sm-8">
                            <input type="text" v-model="teacher.login.username" placeholder="没有勿填" class="form-control">
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">短信密码</label>
                          <div class="col-sm-8">
                            <input type="tel" v-model="teacher.login.password" placeholder="没有勿填" class="form-control">
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                  <div class="treeBox">
                    <ul class="root">
                      <itemteacher model="{{schoolTree}}" on-checked="{{onChecked}}" class="item"></itemteacher>
                    </ul>
                  </div>
                  <div class="checkbox">
                    <label>
                      <input id="confirmCheck" type="checkbox"> 通过验证完成绑定
                    </label>
                  </div>
                  <button v-on="click:unboundTeacher()" class="btn btn-block btn-danger pull-right"><i class="fa fa-trash"></i> 删除教师绑定</button>
                  <button v-on="click:saveTeacher()" class="btn btn-block btn-primary pull-right"><i class="fa fa-save"></i> 保存教师信息</button>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="box content qcode">
                <div class="box-header with-border">
                  <h3 class="box-title">新教师绑定</h3>
                </div>
                <div class="box-body">
                  <h1 id="aaaa">完成教师绑定请用教师微信扫描以下二维码</h1><img id="teacherQR" style="width:100%;" src="imgs/qr.jpg">
                </div>
              </div>
            </div>
            <div class="col-md-2">
              <div class="box content subjects">
                <div class="box-header with-border">
                  <h3 class="box-title">所有课程</h3>
                </div>
                <div class="box-body">
                  <div class="treeBox">
                    <ul class="root subjectTree">
                      <li v-repeat="subject in subjects" value="{{subject.id}}">{{subject.name}}<i v-on="click: removeProject(subject, $index, $event)" class="fa fa-close removeIcon"></i></li>
                    </ul>
                  </div>
                </div>
                <div class="box-footer">
                  <button v-on="click:createSubject()" class="btn btn-block btn-primary pull-right"><i class="fa fa-save"></i> 新增课程</button>
                </div>
              </div>
            </div>
          </div>
        </section>

        <!-- 添加审核人-->
        <section id="addchoose" v-show="currentFunction == '添加维修人员'" class="content">
          <div class="row">

              <div class="box content teacherInfo">
                <div class="box-header with-border">
                  <h3 class="box-title">&nbsp;添加维修人员</h3>
                </div>
                <div class="box-body">
                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label" >姓名</label>
                          <div class="col-sm-8">
                            <input type="text" placeholder="请填写姓名" class="form-control" v-on="blur:addchoose(data)" v-model="data.choosename">
                          </div>
                        </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">手机</label>
                          <div class="col-sm-8">
                            <input type="tel" placeholder="请填写手机" class="form-control" v-model="data.phone">
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>

                  <button v-on="click:addauditor(data)" class="btn btn-primary" style="text-align: center;margin-top:80px;margin-left:600px"><i class="fa fa-save"></i> 保存维修人员信息</button>
                </div>
              </div>



          </div>
        </section>

         <!-- 报修列表-->
        <section id="repairlist" v-show="currentFunction == '报修列表'" class="content">

          <div class="box content">
            <div class="box-header with-border">
              <h3 class="box-title">报修列表</h3>
              <!--在学生信息表页面增加 导出学生二维码按钮，qrCode按钮样式 -->
              <!-- <div v-on="click:exportQRCode()" class="box-tools pull-right qrCode">导出班级学生二维码</div> -->
            </div>
            <div class="table-responsive">
              <table class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>ID</th>
                    <th>报修物品</th>
                    <th>报修编号</th>
                    <th>报修地点</th>
                    <th>审核员</th>
                    <th>报修原因</th>
                    <th>报修反馈</th>
                    <th>报修物品图片</th>
                    <th>报修时间</th>
                    <th style="text-align: center">操作</th>
                  </tr>
                </thead>
                <tbody>

                  <tr v-repeat="list: lists">
                    <td>{{list.id}}</td>
                    <td>{{list.goods}}</td>
                    <td>{{list.randcode}}</td>
                    <td>{{list.place}}</td>
                    <td>{{list.people}}</td>
                    <td>{{list.reason}}</td>
                    <td>{{list.report}}</td>
                    <td >
                      <img src="{{list.background}}" class="min" id="{{list.id}}" onclick="document.getElementById('{{list.id}}').style.display='none';document.getElementById('{{list.randcode}}').style.display='block'">
                      <img src="{{list.background}}" class="max" id="{{list.randcode}}" onmouseout="this.style.display='none';document.getElementById('{{list.id}}').style.display='block'" onclick="this.style.display='none';document.getElementById('{{list.id}}').style.display='block'">
                    </td>

                    <td>{{list.createtime}}</td>
                    <td style="text-align: center;width:400px;line-height: 50px">
                      <!-- <span style="border:3px solid #4ACC60" class='btn btn-warning btn-small' v-on="click:Verifying(list.id)" v-show="list.status == 2">审核</span>
                      <span class='btn btn-warning btn-small' v-on="click:Verifying(list.id)" v-show="list.status !== 2">审核</span>
                      <span style="border:3px solid #4ACC60" class='btn btn-primary btn-small' v-on="click:process(list.id)" v-show="list.status == 3">已安排维修人员</span> -->
                      <!-- <span class='btn btn-primary btn-small' v-on="click:process(list.id)" v-show="list.status !== 3">已安排维修人员</span>  -->
                      <span style="border:3px solid #4ACC60" class='btn btn-success btn-small' v-on="click:finish(list.id)" v-show="list.status == 4">维修完成</span>
                      <span class='btn btn-success btn-small' v-on="click:finish(list.id)" v-show="list.status !== 4">维修完成</span>
                      <span v-on="click:cancel(list.id)" class='btn btn-danger btn-small'>撤销</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </section>
        <!-- /.content-->

         <!-- 审核人列表-->
        <section id="auditorlist" v-show="currentFunction == '维修人员列表'" class="content">

          <div class="box content">
            <div class="box-header with-border">
              <h3 class="box-title">维修人员列表</h3>
            </div>
            <div class="table-responsive">
              <table class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th style="text-align:center">ID</th>
                    <th style="text-align:center">姓名</th>
                    <th style="text-align:center">电话</th>
                    <th style="text-align:center">学年</th>
                    <th style="text-align:center">操作</th>
                  </tr>
                </thead>
                <tbody>

                  <tr v-repeat="list: lists">
                    <td style="text-align:center">{{list.id}}</td>
                    <td style="text-align:center">{{list.name}}</td>
                    <td style="text-align:center">{{list.phone}}</td>
                    <td style="text-align:center">{{list.schoolYear}}</td>
                    <td style="text-align:center">
                      <span v-on="click:delauditor(list.id)" class='btn btn-danger btn-small'>删除</span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </section>
        <!-- /.content-->
        <!-- 教师工资管理-->
        <section id="wages" v-show="currentFunction == '工资管理'" class="content">
          <div id="pickerTeacherTable" style="display:none">选择文件</div>
          <div class="row">
            <div class="col-md-3 col-sm-6 col-xs-12"><a id="downloadTeacherTable" href="#">
                <div class="info-box"><span class="info-box-icon bg-aqua"><i class="fa fa-cloud-download"></i></span>
                  <div class="info-box-content"><span class="info-box-text">请按此构建教师工资表</span><span class="info-box-number">下载教师工资表模板</span></div>
                </div></a></div>
            <div class="col-md-3 col-sm-6 col-xs-12">
              <div id="uploadTeacherTable" class="info-box"><span class="info-box-icon bg-green"><i class="fa fa-cloud-upload"></i></span>
                <div class="info-box-content"><span class="info-box-text">可自动建立教师工资表结构</span><span class="info-box-number">上传教师工资表</span></div>
              </div>
            </div>

          </div>

          <div class="box content">
            <div class="box-header with-border">
              <h3 class="box-title">{{className}}教师工资表</h3>
              <!--在学生信息表页面增加 导出学生二维码按钮，qrCode按钮样式 -->
              <div v-on="click:sendTeacherWages()" class="box-tools pull-right qrCode btn btn-primary btn-small">教师工资信息推送</div>
            </div>
            <div class="table-responsive">
              <table class="table table-bordered table-striped">
                <thead>
                  <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>国家岗位工资</th>
                    <th>国家薪级工资</th>
                    <th>提高10%</th>
                    <th>国家教龄津贴</th>
                    <th>省市岗位津贴</th>
                    <th>省市生活补贴</th>
                    <th>省市住房补贴</th>
                    <th>省市交通费</th>
                    <th>养老保险</th>
                    <th>失业保险</th>
                    <th>医疗保险</th>
                    <th>住房公积金</th>
                    <th>大病救助</th>
                    <th>个人所得税</th>
                    <th>预扣养老保险</th>
                    <th>应发工资</th>
                    <th>实发工资</th>
                    <!-- <th style="text-align: center">操作</th> -->
                  </tr>
                </thead>
                <tbody>
                  <tr v-repeat="teacherlist: teacherlists">
                    <td>{{teacherlist.id}}</td>
                    <td>{{teacherlist.name}}</td>
                    <td>{{teacherlist.nation_wages}}</td>
                    <td>{{teacherlist.nation_scale_wages}}</td>
                    <td>{{teacherlist.nation_advance}}</td>
                    <td>{{teacherlist.nation_support}}</td>
                    <td>{{teacherlist.city_support}}</td>
                    <td>{{teacherlist.city_life_support}}</td>
                    <td>{{teacherlist.city_house_support}}</td>
                    <td>{{teacherlist.city_traffic_support}}</td>
                    <td>{{teacherlist.old_safe}}</td>
                    <td>{{teacherlist.lose_job_safe}}</td>
                    <td>{{teacherlist.Medical_safe}}</td>
                    <td>{{teacherlist.housing_fund}}</td>
                    <td>{{teacherlist.ill_help}}</td>
                    <td>{{teacherlist.person_tax}}</td>
                    <td>{{teacherlist.before_old_safe}}</td>
                    <td>{{teacherlist.should_pay_wages}}</td>
                    <td>{{teacherlist.real_pay}}</td>
                    <!-- <td><span v-repeat="parent: student.parent" v-text="parent.relationship + ' ' + parent.mobile" v-on="click:removeRelationShip(student, parent)"></span></td> -->
                    <!-- <td v-on="click:deleteStudent(student)" class='btn btn-warning btn-small' style="float: right;position: relative;right:30px"><span>删除</span></td> -->
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </section>


        <!-- 班级考评-->
        <section id="evaluate" v-show="currentFunction == '班级考评'" class="content">
          <h1 v-show="pageType == '学校' &amp;&amp; (!school.items || !school.items.length)">当日考评成绩尚未发布，您可以选择班级修改教师提交打分</h1>
          <div v-show="pageType == '学校' &amp;&amp; school.items.length" class="box content">
            <div class="box-header with-border">全校班级考评一览表
              <div class="box-tools pull-right"><a href="{{baseURL + '/exportEvalution?evaluateDate=' + pageDate}}" class="pull-right"><i class="fa fa-cloud-download btn"></i>导出上周数据(Excel格式）</a><a href="./pad/bigScreen.html" class="pull-right"><i class="fa fa-youtube-play btn"></i>大屏输出</a></div>
            </div>
            <div class="box-body">
              <table id="school_section" class="table table-bordered">
                <thead>
                  <tr>
                    <th>班级/项目</th>
                    <th v-repeat="item: school.items" v-text="item.item"></th>
                    <th>总分</th>
                    <th>当日积分</th>
                  </tr>
                </thead>
                <tbody>
                  <tr v-repeat="each: school.schoolData">
                    <td>{{each.name}}</td>
                    <td v-repeat="detail: each.details" v-text="detail.score" v-class="deducted: detail.option"></td>
                    <td v-text="each.totalScore"></td>
                    <td v-text="each.reward"></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div v-show="pageType == '年级'" class="box content">
            <div class="box-header with-border">{{orgName}} 考评情况</div>
            <div class="box-body">
              <table class="table table-hover">
                <thead>
                  <th>组织</th>
                  <th>记录数</th>
                  <th>总分</th>
                  <th>当日流动红旗</th>
                </thead>
                <tr v-repeat="grade: gradeData" v-on="click:select_class(grade)" v-class="selected: grade.organizationID == selectedClass.organizationID">
                  <td v-text="grade.className"></td>
                  <td v-text="grade.number"></td>
                  <td v-text="grade.avgScore"></td>
                  <td><span v-show="grade.redFlag == 1" style="color:red;" class="glyphicon glyphicon-flag"></span></td>
                </tr>
              </table>
            </div>
          </div>
          <div v-show="pageType == '班级' &amp;&amp; classData.publish" class="box content">
            <div class="box-header with-border">{{classData.className}}每日评价报告
              <div class="box-tools pull-right"><span>采集时间 {{classData.evaluateTime}}</span><span>采集人员 {{classData.evaluator}}</span></div>
            </div>
            <div class="class_section box-body">
              <div class="header">
                <div class="scores">
                  <div class="part self">
                    <div class="rank">班级考评</div>
                    <div class="score">{{classData.score}}分</div>
                  </div>
                  <div class="part average">
                    <div class="rank">年级平均</div>
                    <div class="score">{{classData.avgScore}}分</div>
                  </div><img src="imgs/flag.png" v-show="classData.redFlag == 1">
                </div>
              </div>
              <div class="content clearfix">
                <div class="col-sm-3">
                  <ul class="itemList">
                    <li v-repeat="detail: classData.details" v-text="detail.option" v-show="detail.option" v-on="click: select_item(detail)" v-class="selected: selectedItem == detail"></li>
                  </ul>
                </div>
                <div class="col-sm-1"></div>
                <div class="detailList col-sm-4">
                  <div class="photo"><img v-show="selectedItem &amp;&amp; selectedItem.image" v-attr="src: selectedItem.image"></div>
                </div>
                <div v-show="selectedItem" class="detailList col-sm-4">
                  <div class="text">
                    <div class="title">{{selectedItem.item}} 相关规范</div>
                    <div class="details">
                      <div v-repeat="option: selectedItem.standard" v-text="option.option + &quot; &quot; + option.deductPoint" class="option"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="footer clearfix">
                <div class="thisClass col-sm-4">{{classData.className}}</div>
                <div class="thisTime col-sm-4">
                  <div class="prompt">本周红旗</div>
                  <div class="flags"><img src="imgs/flag.png" v-class="{'active':flags['星期一']}"><img src="imgs/flag.png" v-class="{'active':flags['星期二']}"><img src="imgs/flag.png" v-class="{'active':flags['星期三']}"><img src="imgs/flag.png" v-class="{'active':flags['星期四']}"><img src="imgs/flag.png" v-class="{'active':flags['星期五']}"><img src="imgs/flag.png" v-class="{'active':flags['星期六']}"><img src="imgs/flag.png" v-class="{'active':flags['星期日']}"></div>
                </div>
                <div class="total col-sm-4">
                  <div class="prompt">总积分 年级第{{classData.totalrank}}名</div>
                  <div>{{classData.totalScore}}积分</div>
                </div>
              </div>
            </div>
          </div>
          <div v-show="pageType == '班级' &amp;&amp; !classData.publish" class="box content">
            <div class="box-header with-border">{{classData.className}}教师评价调整</div>
            <div class="class_section box-body">
              <div class="header"></div>
              <div class="content clearfix">
                <div class="col-sm-2">
                  <ul class="itemList">
                    <li v-repeat="teacher: classData.evaluations" v-text="teacher.evaluator + &quot; &quot; + teacher.score + &quot;分&quot;" v-on="click: select_teacher(teacher)" v-class="selected: selectedTeacher == teacher"></li>
                  </ul>
                </div>
                <div class="col-sm-3">
                  <ul class="itemList">
                    <li v-repeat="detail: selectedTeacher.details" v-show="detail.option" v-text="detail.option + &quot; &quot; + detail.score + &quot;分&quot;" v-on="click: select_detail(detail)" v-class="selected: selectedDetail == detail"></li>
                  </ul>
                  <button v-show="selectedDetail" v-on="click: delete_detail(selectedDetail)" class="btn btn-block btn-danger pull-right"><i class="fa fa-trash"></i> 删除选中记录</button>
                </div>
                <div class="detailList col-sm-4">
                  <div class="photo"><img v-show="selectedDetail &amp;&amp; selectedDetail.image" v-attr="src: selectedDetail.image"></div>
                </div>
                <div v-show="selectedDetail" class="detailList col-sm-3">
                  <div class="text">
                    <div class="title">{{selectedDetail.item}} 相关规范</div>
                    <div class="details">
                      <div v-repeat="option: selectedDetail.standard" v-text="option.option + &quot; &quot; + option.deductPoint" class="option"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="footer clearfix">
                <div class="thisClass col-sm-4">{{classData.className}}</div>
              </div>
            </div>
          </div>
          <div v-show="pageType == '考评员'" class="row">
            <div class="col-md-4">
              <div class="box content qcode">
                <div class="box-header with-border">
                  <h3 class="box-title">考评员绑定</h3>
                </div>
                <div class="box-body">
                  <h1 id="aaaa">完成考评员绑定请用考评员微信扫描以下二维码</h1><img id="evaluatorQR" style="width:100%;" src="imgs/qr_evaluate.jpg">
                </div>
              </div>
            </div>
            <div v-show="evaluator" class="col-md-4">
              <div class="box content teacherInfo">
                <div class="box-header with-border">
                  <h3 class="box-title">考评员信息</h3>
                </div>
                <div class="box-body">
                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">姓名</label>
                          <div class="col-sm-8">
                            <input type="text" v-model="evaluator.name" placeholder="请填写姓名" class="form-control">
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6">
                        <div class="checkbox">
                          <label>
                            <input id="confirmCheckEvaluate" type="checkbox"> 通过验证完成绑定
                          </label>
                        </div>
                      </div>
                    </form>
                  </div>
                  <div class="treeBox">
                    <ul class="root">
                      <item model="{{organizationTree}}" class="item"></item>
                    </ul>
                  </div>
                  <button v-on="click:unboundEvaluator()" class="btn btn-block btn-danger pull-right"><i class="fa fa-trash"></i> 删除考评员绑定</button>
                  <button v-on="click:saveEvaluator()" class="btn btn-block btn-primary pull-right"><i class="fa fa-save"></i> 保存考评员信息 </button>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- /.content                     -->
        <!-- 组织架构-->
        <section id="organize" v-show="currentFunction == '组织架构'" class="content">
          <div class="row">
            <div class="col-md-4 col-md-offset-1">
              <div class="box content subjects">
                <div class="box-header with-border">
                  <h3 class="box-title">EMIS组织架构</h3>
                </div>
                <div class="box-body">
                  <div class="treeBox">
                    <ul v-if="school" class="treeview-menu">
                      <li v-repeat="grade: school.grades" class="treeview"><a href="#"><i class="fa fa-folder"></i>{{grade.emisGradeName}}</a>
                        <ul class="treeview-menu">
                          <li v-repeat="classObj: grade.gradeClasses"><a href="#"><i class="fa fa-file-text-o"></i>{{classObj.emisClassName}}</a></li>
                        </ul>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="box-footer">
                  <button v-on="click:selectAllOrg()" class="btn btn-block btn-primary pull-right"><i class="fa fa-refresh"></i> 同步全部架构    </button>
                </div>
              </div>
            </div>
            <div class="col-md-4 col-md-offset-1">
              <div class="box content subjects">
                <div class="box-header with-border">
                  <h3 class="box-title">本系统组织架构</h3>
                </div>
                <div class="box-body">
                  <div class="treeBox">
                    <ul class="treeview-menu">
                      <li v-repeat="list: organization" class="treeview"><a href="#"><i class="fa fa-folder"></i>{{list.grade}}</a>
                        <ul class="treeview-menu">
                          <li v-repeat="classObj: list.classes"><a href="#"><i class="fa fa-file-text-o"></i>{{classObj.className}}   </a></li>
                        </ul>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- /.content                     -->
         <!-- 访客列表-->
        <section id="visitor" v-show="currentFunction == '访客列表'" class="content">
          <div class="box content">
            <div class="box-header with-border">
              <h3 class="box-title">访客列表</h3>
            </div>
            <div class="table-responsive">
              <table width="100%">
                <tr class="visitorlist">
                  <td>教师姓名:</td>
                  <td>
                    <input type="text" id='searchVisitor' class="layui-input" placeholder="请输入接待老师" style="width: 300px;" v-model="visitor_list_name">
                    <div id="append"></div> 
                  </td>
		              <td></td>
                  <td>访问状态:</td>
                  <td>
                    <select class="form-control" style="width: 300px;" v-model="visitorStatus">
                      <option selected value="">全部</option>
                      <option value="0">申请访问</option>
                      <option value="1">同意访问</option>
                      <option value="2">拒绝访问</option>
                      <option value="3">结束访问</option>
                    </select>
                  </td>
                  <td>
                    <button v-on="click:search()" class="btn btn-primary" style="text-align: center;"><i class="fa fa-search"></i> 查询</button>
                  </td>
                </tr>
                <tr class="visitorlist">
                  <td>选择时间:</td>
                  <td>
                    <input type="text" class="layui-input" placeholder="请选择" id="visitorDate" style="width: 300px;">
                  </td>
                  <td></td>
                  <td>访问事由:</td>
                  <td>
                    <select class="form-control" style="width: 300px;" v-model="visitor_list_reason">
                      <option selected value="">全部</option>
                      <option value="参观交流">参观交流</option>
                      <option value="莅临指导">莅临指导</option>
                      <option value="工作沟通">工作沟通</option>
                      <option value="家校沟通">家校沟通</option>
                    </select>
                  </td>
                  <td>
                    <a href="#" >
                      <button v-on="click:export()" class="btn btn-primary" style="text-align: center;"><i class="fa fa-download"></i> 导出</button>
                    </a>
                  </td>
                </tr>
              </table>
              <table class="table table-bordered table-striped">
                <thead>
                    <tr> 
                      <th style="text-align:center">序号</th>
                      <th style="text-align:center">姓名</th>
                      <th style="text-align:center">电话</th>
                      <th style="text-align:center">接待老师</th>
                      <th style="text-align:center">进校时间</th>
                      <th style="text-align:center">离校时间</th>
                      <th style="text-align:center">访问状态</th>
                      <th style="text-align:center">访问事由</th>
                      <th style="text-align:center">操作</th>
                    </tr>
                </thead>
                <tbody>
                  <tr v-repeat="list: visitorList">     
                    <td style="text-align:center">{{$index+1}}</td>  
                    <td style="text-align:center">{{list.name}}</td>
                    <td style="text-align:center">{{list.phone}}</td>
                    <td style="text-align:center">{{list.reception}}</td>
                    <td style="text-align:center">{{list.accept_time}}</td>
                    <td style="text-align:center">{{list.leave_time}}</td>
                    <td style="text-align:center">{{list.replace}}</td>
                    <td style="text-align:center">{{list.reason}}</td>
                    <td style="text-align: center">
                      <span class='btn btn-warning btn-small' v-on="click:finish(list.id,list.status)">结束</span>
                      <span class='btn btn-danger btn-small' v-on="click:delete(list.id,list.name)">删除</span>
                    </td>
                  </tr>
              </tbody>
              </table>
              <div id='vPage'></div>
            </div>
          </div>
        </section>
        <!-- /.content-->
		
		<!-- 访客二维码-->
        <section id="visitorcode" v-show="currentFunction == '访客二维码'" class="content">
             <div class="row">
            <div class="col-md-4">
              <div class="box content qcode">
                <div class="box-header with-border">
                  <h3 class="box-title">访客二维码</h3>
                </div>
                <div class="box-body">
                  <h1 id="aaaa">请用微信扫描以下二维码</h1><img id="visitorQR" style="width:100%;margin-top:20px;" src="imgs/qr_visitorcode.jpg">
                </div>
              </div>
            </div>
          </div>
        </section>

        <!-- 创建会议-->
        <section id="createtranslate" v-show="currentFunction == '创建会议'" class="content">
          <div class="row">
            <div class="col-md-12">
              <div class="box content teacherInfo">
                <div class="box-header with-border">
                  <h3 class="box-title">&nbsp;创建会议</h3>
                </div>
                <div class="box-body">
                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">会议名称</label>
                          <div class="col-sm-8">
                            <input type="text" v-model="data.name" placeholder="请填写会议名称" class="form-control">
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">会议发起人</label>
                          <div class="col-sm-8">
                            <input type="text" v-model="data.hostname" placeholder="请填写创建人姓名" class="form-control">
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">开始时间</label>
                          <div class="col-sm-8">
                            <input class="start" type="text" value="" />
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>

                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">结束时间</label>
                          <div class="col-sm-8">
                            <input class="end" type="text" value="" />
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>

                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">会议地点</label>
                          <div class="col-sm-8">
                            <input type="text" v-model="data.place" placeholder="会议地点" class="form-control">
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                  
                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">参会人员</label>
                          <div class="col-sm-8">
                            <button v-on="click:importEnterpriseTranslate" class="btn btn-primary" style="text-align: center;margin-left:20px;line-height: 19px;"><i class="fa fa-save"></i> 选择企业用户分组</button>
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>

                  <div class="row">
                    <form class="form-horizontal">
                      <div class="col-md-6">
                        <div class="form-group">
                          <label class="col-sm-4 control-label">参会人员</label>
                          <div class="col-sm-8">
                            <button v-on="click:selectTeacher" class="btn btn-primary" style="text-align: center;margin-left:20px;line-height: 19px;"><i class="fa fa-save"></i> 选择本校教师分组</button>
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>         
                  <button v-on="click: submit()" class="btn btn-primary" style="margin-left:230px ;"><i class="fa fa-trash"></i> 提交</button>

                </div>
              </div>
            </div>

          </div>
        </section>

        <!-- 企业用户组织 -->
    <div class="zTreeDemoBackground left" style="display: none" id="selectedEnterprise">
        <input type="hidden" id="enterpriseid">
        <div class="form-group">
            <div class="col-sm-5 col-sm-offset-2">
                <ul id="selectedEnterpriseTree" class="ztree"></ul>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-4 col-sm-offset-4" style="margin-bottom: 15px">
                <input type="button" value="确认选择" class="btn btn-primary" id="saveSelectedEnterprise"/>
            </div>
        </div>
    </div>

    <!-- 树本校教师组织 -->
    <div class="zTreeDemoBackground left" style="display: none" id="selectedTeacher">
        <input type="hidden" id="teacherid">
        <div class="form-group">
            <div class="col-sm-5 col-sm-offset-2">
                <ul id="selectedTeacherTree" class="ztree"></ul>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-4 col-sm-offset-4" style="margin-bottom: 15px">
                <input type="button" value="确认选择" class="btn btn-primary" id="saveSelectedTeacher"/>
            </div>
        </div>
    </div>

        <!-- 会议列表-->
        <section id="translatelist" v-show="currentFunction == '会议列表'" class="content">
          <div class="row" style="background-color: #ffffff">
            <div class="col-md-6">
              <div class="box content teacherInfo">
                <div class="box-header with-border">
                  <h3 class="box-title">{{teacher.name}}&nbsp;会议列表</h3>
                </div>
                <div class="box-body">

                  <div style="border:1px solid #D8D8D8;width:260px;height:400px;margin-left: 25%;overflow:scroll;">
                    <ul class="list-group">
                      <li class="list-group-item"  v-on="click: selectMeet(list)" v-class="selected: absenses.indexOf(list) != -1" v-repeat="list in lists">{{list.meetname}}</li>
                    </ul>
                  </div>
                  <button type="button" class="btn btn-success" style=" position:relative;margin-left: 27%;margin-top:35px" v-on="click: createCode(list)"> 生成二维码 </button>
                  <button v-on="click: delmeet()" type="button" class="btn btn-warning" style="position:relative;margin-left: 7%;margin-top:35px"> 取消会议 </button>
                </div>
              </div>
            </div>

           <div class="col-md-6">
              <div class="box content teacherInfo">
                <div class="box-header with-border">
                  <h3 class="box-title">{{teacher.name}}&nbsp;会议详情</h3>
                </div>
                <div class="box-body">

                  <div style="border:1px solid #D8D8D8;width:260px;height:400px;margin-left: 25%;overflow:scroll;">
                    <ul class="list-group">
                      <li class="list-group-item">会议名称 ：{{view.meetname}}</li>
                      <li class="list-group-item">会议主持 ：{{view.hostname}}</li>
                      <li class="list-group-item">开始时间 ：{{view.starttime}}</li>
                      <li class="list-group-item">结束时间 ：{{view.endtime}}</li>
                      <li class="list-group-item">会议地点 ：{{view.place}}</li>
                      <li class="list-group-item">会议状态 ：{{state}}</li>
                      <li class="list-group-item">应到人员 ：{{people}}</li>
                      <li class="list-group-item">已到人员 ：{{signedpeople}}</li>
                      <li class="list-group-item">未到人员 ：{{signpeople}}</li>
                    </ul>
                  </div>
                  <button type="button" class="btn btn-info" style="margin-left: 35%;margin-top:35px" v-on="click: sendMeet()"> 发送会议通知 </button>
                  </div>
              </div>
            </div>
          </div>
        </section>

        <!-- 学籍信息-->
        <section id="estudents" v-show="currentFunction == '学籍信息'" class="content">
          <div class="row">
            <div class="col-md-3">
              <div class="box content subjects">
                <div class="box-header with-border">
                  <h3 class="box-title">EMIS学籍信息</h3>
                </div>
                <div class="box-body">
                  <div class="treeBox">
                    <ul v-if="school" class="treeview-menu">
                      <li v-repeat="grade: school.grades" class="treeview"><a href="#"><i class="fa fa-folder"></i>{{grade.emisGradeName}}</a>
                        <ul class="root subjectTree">
                          <li v-repeat="classObj: grade.gradeClasses" v-on="click:showEmisStudent(classObj)" v-class="selected: classObj == selectedEmisClass"><a href="#"><i class="fa fa-file-text-o"></i>{{classObj.emisClassName}}</a></li>
                        </ul>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="box-footer">
                  <button v-on="click:syncStudentsInClass()" class="btn btn-block btn-primary pull-right"><i class="fa fa-chevron-circle-right"></i> 同步当前选中班级                  </button>
                </div>
                <div class="box-footer">
                  <button v-on="click:syncAllStudents()" class="btn btn-block btn-primary pull-right"><i class="fa fa-refresh"></i> 同步全部班级    </button>
                </div>
              </div>
            </div>
            <div class="col-md-6">
              <div class="box content subjects">
                <div class="box-header with-border">
                  <h3 class="box-title">EMIS学生信息表</h3>
                </div>
                <div class="treeBox">
                  <table class="table table-bordered table-striped">
                    <thead>
                      <tr>
                        <th>学籍号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>身份证号</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr v-repeat="student: students">
                        <td>{{student.code}}</td>
                        <td>{{student.name}}</td>
                        <td>{{student.sex}}</td>
                        <td>{{student.idNumber}}</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            <div class="col-md-3">
              <div class="box content subjects">
                <div class="box-header with-border">
                  <h3 class="box-title">本系统学籍信息</h3>
                </div>
                <div class="box-body">
                  <div class="treeBox">
                    <ul class="treeview-menu">
                      <li v-repeat="list: organization" class="treeview"><a href="#"><i class="fa fa-folder"></i>{{list.grade}}</a>
                        <ul class="root subjectTree">
                          <li v-repeat="classObj: list.classes" v-on="click:showOrgStudent(classObj)" v-class="selected: classObj == selectedOrgClass"><a href="#"><i class="fa fa-file-text-o"></i>{{classObj.className}}                                                       </a></li>
                        </ul>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- 巡查列表-->
            <section id="patrollist" v-show="currentFunction == '巡查列表'" class="content">
                <div class="box content">
                    <div class="box-header with-border">
                      <h3 class="box-title">巡查列表</h3>
                    </div>
                    <div class="table-responsive">
                        <table width="100%">
                          <tr id="patrollisttr">
                            <td>选择任务:</td>
                            <td>
                              <select class="form-control" style="width: 300px;" v-model="patrol_list_task" v-on="change:changetask">
                                <option selected value="">全部</option>
                                <option value="{{task.id}}" v-repeat="task: tasks">{{task.name}}</option>
                              </select>
                            </td>
                            <td></td>
                            <td>选择地点:</td>
                            <td>
                              <select class="form-control" style="width: 300px;" v-model="patrol_list_place">
                                <option selected value="">全部</option>
                                <option value="{{place.id}}" v-repeat="place: places">{{place.name}}</option>
                              </select>
                            </td>
                            <td>
                              <button v-on="click:chooselist()" class="btn btn-primary" style="text-align: center;"><i class="fa fa-search"></i> 搜索</button>
                            </td>
                          </tr>
                          <tr id="patrollisttr">
                            <td>巡查日期:</td>
                            <td>
                              <input type="text" class="layui-input" placeholder="请选择" id="patrol_list_date" style="width: 300px;">
                            </td>
                            <td></td>
                            <td>巡查情况:</td>
                            <td>
                              <select class="form-control" style="width: 300px;" id="patrol_list_situation">
                                <option selected value="">全部</option>
                                <option value="正常">正常</option>
                                <option value="异常">异常</option>
                              </select>
                            </td>
                            <td>
                              <a href="{{listimgurl}}" target="_blank">
                                <button v-on="click:listexcel()" class="btn btn-primary" style="text-align: center;"><i class="fa fa-download"></i> 导出</button>
                              </a>
                            </td>
                          </tr>
                        </table>
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>任务名称</th>
                                    <th>地点</th>
                                    <th>时间</th>
									<th>巡查情况</th>
                                    <th>巡查备注</th>
                                    <th>图片</th>
                                    <!-- <th>巡查人</th> -->
                                    <!-- <th style="text-align: center">操作</th> -->
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-repeat="list: lists">
                                    <td style="vertical-align: middle;">{{list.task_name}}</td>
                                    <td style="vertical-align: middle;">{{list.place_name}}</td>
                                    <td style="vertical-align: middle;">{{list.time}}</td>
									 <td style="vertical-align: middle;">{{list.situation}}</td>
                                    <td style="vertical-align: middle;">{{list.content}}</td>
                                    <td>
                                      <img src="{{list.img}}" class="min" id="{{list.id}}" onclick="document.getElementById('{{list.id}}').style.display='none';document.getElementById('{{list.img}}').style.display='block'">
                                       <img src="{{list.img}}" class="max" id="{{list.img}}" onmouseout="this.style.display='none';document.getElementById('{{list.id}}').style.display='block'" onclick="this.style.display='none';document.getElementById('{{list.id}}').style.display='block'">
                                    </td>
                                    <!-- <td>{{list.person}}</td> -->
                                    <!-- <td style="text-align: center;width:400px;line-height: 50px">
                                        <span v-on="click:excellist(list.id)" class='btn btn-success btn-small'>导出列表</span>
                                    </td> -->
                                </tr>
                            </tbody>
                        </table>
                    </div>
					<div id="patrolPage"></div>
                </div>
				
            </section>
            <!-- 巡查任务-->
            <section id="patroltask" v-show="currentFunction == '巡查任务'" class="content">
              <div class="box content teacherInfo">
                  <div class="box-header with-border">
                      <h3 class="box-title">巡查任务</h3>
                  </div>
                  <div class="box-body">
                      <div class="row">
                          <span class="form-horizontal">
                              <div class="col-md-6">
                                  <div class="form-group">
                                    <div class="box-header with-border">
                                <h3 class="box-title" style="margin-left: 250px;">&nbsp;添加巡查任务</h3>
                            </div><br>
                                      <label class="col-sm-4 control-label" >巡查任务</label>
                                      <div class="col-sm-8">
                                          <input type="text" class="layui-input" id="patrol_task_name">
                                      </div><br><br><br><br><br>
                                      <label class="col-sm-4 control-label">巡查时间</label>
                                      <div class="col-sm-8">
                                          <input type="text" class="layui-input" id="patrol_task_time">
                                      </div>
                                      <button v-on="click:addtask()" class="btn btn-primary" style="text-align: center;margin-top:80px;margin-left:260px"><i class="fa fa-save"></i> 提交</button>
                                  </div>
                              </div>
                              <div class="col-md-6">
                                  <div class="form-group">
                                      <div class="box-header with-border">
                                          <h3 class="box-title" style="margin-left: 200px;">&nbsp;巡查任务</h3>
                                      </div><br>
                                      <div class="table-responsive">
                                          <table class="table table-bordered table-striped">
                                              <thead>
                                                  <tr>
                                                      <th style="text-align:center">任务</th>
                                                      <th style="text-align:center">时间</th>
                                                      <th style="text-align:center">操作</th>
                                                  </tr>
                                              </thead>
                                              <tbody>
                                                  <tr v-repeat="list: lists">
                                                      <td style="text-align:center;vertical-align: middle;">{{list.name}}</td>
                                                      <td style="text-align:center;vertical-align: middle;">{{list.time}}</td>
                                                      <td style="text-align:center;vertical-align: middle;">
														<button class="btn btn-primary btn-sm" v-on="click:editpatrol(list.name)"><i class="fa fa-paste"></i> 编辑</button></br></br>
                                                        <button class="btn btn-danger btn-sm" v-on="click:deltask(list.id)"><i class="fa fa-trash-o"></i> 删除</button>
                                                      
													  </td>
                                                  </tr>
                                              </tbody>
                                          </table>
                                      </div>
                                  </div>
                              </div>
                          </span>
                      </div>
                  </div>
              </div>
            </section>
            <!-- 巡查地点-->
            <section id="patrolplace" v-show="currentFunction == '巡查地点'" class="content">
              <div class="box content teacherInfo">
                  <div class="box-header with-border">
                      <h3 class="box-title">巡查地点</h3>
                  </div>
                  <div class="box-body">
                      <div class="row">
                          <span class="form-horizontal">
                              <div class="col-md-6">
                                  <div class="form-group">
                                    <div class="box-header with-border">
                                <h3 class="box-title" style="margin-left: 250px;">&nbsp;添加巡查地点</h3>
                            </div><br>
                                      <label class="col-sm-4 control-label" >巡查地点</label>
                                      <div class="col-sm-8">
                                          <input type="text" class="layui-input" id="patrol_place_name">
                                      </div><br><br><br><br><br>
                                      <label class="col-sm-4 control-label">巡查任务</label>
                                      <div class="col-sm-8">
                                            <select class="form-control" id="patrol_place_task_id">
                                              <option v-repeat="task: tasks" value={{task.id}}>{{task.name}}</option>
                                        </select>
                                      </div>
                                      <button v-on="click:addplace()" class="btn btn-primary" style="text-align: center;margin-top:80px;margin-left:260px"><i class="fa fa-save"></i> 提交</button>
                                  </div>
                              </div>
                              <div class="col-md-6">
                                  <div class="form-group">
                                      <div class="box-header with-border">
                                          <h3 class="box-title" style="margin-left: 200px;">&nbsp;巡查地点</h3>
                                      </div><br>
                                      <div class="table-responsive">
                                          <table class="table table-bordered table-striped">
                                              <thead>
                                                  <tr>
                                                      <th style="text-align:center">序号</th>
                                                      <th style="text-align:center">地点</th>
                                                      <th style="text-align:center">巡查任务</th>
                                                      <th style="text-align:center">操作</th>
                                                  </tr>
                                              </thead>
                                              <tbody>
                                                  <tr v-repeat="list: lists">
                                                      <td style="text-align:center;vertical-align: middle;">{{$index + 1}}</td>
                                                      <td style="text-align:center;vertical-align: middle;">{{list.name}}</td>
                                                      <td style="text-align:center;vertical-align: middle;">{{list.task_id}}</td>
                                                      <td style="text-align:center;vertical-align: middle;">
                                                          <span v-on="click:delplace(list.id)" class='btn btn-danger btn-small'>删除</span>
                                                      </td>
                                                  </tr>
                                              </tbody>
                                          </table>
                                      </div>
                                  </div>
                              </div>
                          </span>
                      </div>
                  </div>
              </div>
            </section>
            <!-- 巡查人员-->
            <section id="patrolperson" v-show="currentFunction == '巡查人员'" class="content">
                <div class="box content">
                    <div class="box-header with-border">
                        <h3 class="box-title">巡查人员</h3>
                    </div>
                    <table width="100%">
                        <tr>
                            <td style="text-align: center;">姓名:</td>
                            <td width="25%">
                                <form  class="layui-form">
                                    <select name="city" lay-verify="required" lay-filter="teacher" lay-search id="patrol_person_name">
                                        <option value="" id="patrol_person_select">直接选择或搜索选择</option>
                                    </select>
                                </form>
                            </td>
                            <td style="text-align: center;">手机:</td>
                            <td width="20%">
                                <input type="tel" class="layui-input" value={{phone}} id="patrol_person_tel" disabled>
                            </td>
                            <td></td>
                            <td>
                                <button v-on="click:addperson" class="btn btn-primary" style="text-align: center;margin-left:20px"><i class="fa fa-save"></i> 增加</button>
                            </td>
                        </tr>
                    </table>
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>姓名</th>
                                <th>电话</th>
                                <th style="text-align: center">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-repeat="person: persons">
                                <td style="vertical-align: middle;">{{person.name}}</td>
                                <td style="vertical-align: middle;">{{person.phone}}</td>
                                <td style="text-align: center;width:400px;line-height: 50px">
                                    <span v-on="click:delperson(person.id)" class='btn btn-danger btn-small'>删除</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </section>
      
       <!-- 新闻列表-->
        <section id="newslist" v-show="currentFunction == '新闻列表'" class="content">
         <div class="box news content">
            <div class="box-header with-border" id="title">
               <h3 class="box-title">新闻列表</h3>
            </div>
             <div class="box-header with-border" id="title">
               <div class="news_right">
                 <ul>
                   <li><a href="#" v-on="click:allnews">全部</a></li>
                   <li value="{{type.id}}" v-repeat="type: type" v-on="click:choosetype(type.id)"><a href="#">{{type.name}}</a></li>
                   <input type="hidden" id="newstype">
                   <!-- <li><a href="#">体育</a></li> -->
                 </ul>
               </div>
            </div>

            <div class="box-header with-border" >
              <div class="news_btn">
                  <!-- <a href="#"><button>添加新闻</button></a> -->
              </div>
              <div class="news_table">
                  <table border="1">
                      <thead>
                        <tr>
                          <td>ID</td>
                          <td style="width: 385px;">标题</td>
                          <td>栏目</td>
                          <td>发布人</td>
                          <td style="width: 385px;">描述简介</td>
                          <td>图片缩略图</td>
                          <td style="width: 150px;">发布时间</td>
                          <td>操作</td>
                        </tr>
                      </thead>
                       <tbody>
                        <tr v-repeat="list: lists">
                          <td>{{$index + 1}}</td>
                          <td style="width: 385px;" id="newstitle{{list.id}}">{{list.title}}</td>
                          <td>{{list.type}}</td>
                          <td>{{list.uid}}</td>
                          <td style="width: 385px;" id="newsdescription{{list.id}}">{{list.description}}</td>
                          <td><img src="{{list.thumbnail}}" class="min"></td>
                          <td style="width: 150px;">{{list.createtime}}</td>
                          <td>
                            <button class="btn btn-primary btn-sm" v-on="click:editnews(list.id)"><i class="fa fa-paste"></i> 编辑</button></br></br>
                            <button class="btn btn-danger btn-sm" v-on="click:delnews(list.id)"><i class="fa fa-trash-o"></i> 删除</button>
                          </td>
                        </tr>
                      </tbody>
                  </table>
                <div class="news_bottom">
                  <div class="news_bottom_right" id="news_page">
                    <input type="hidden" id="newspage">
                  </div>
              </div>
              </div>

            </div>

        </div>
        </section>

        <!-- 新闻发布 -->
        <section id="newspublish" v-show="currentFunction == '新闻发布'" class="content">
         <div class="box content publish">
            <div class="box-header with-border" id="publish_title">
               <h3 class="box-title">新闻发布</h3>
            </div>
            <div class="box-header with-border" id="publish_edit">
                <div class="publish_content">
                  <!-- <form action="" class="form-horizontal" enctype="multipart/form-data"> -->
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">
                      新闻标题：
                        </label>
                        <div class="input-group col-sm-7">
                         <input type="text" class="form-control" id="newspublish_title">
                        </div>
                    </div>


                    <div class="form-group">
                      <label for="" class="col-sm-3 control-label">
                        描述简介：
                      </label>
                      <div class="input-group col-sm-7">
                         <textarea class="form-control" id="newspublish_description"></textarea>
                      </div>
                    </div>


                     <div class="form-group">
                      <label for="" class="col-sm-3 control-label">
                        分类：
                      </label>
                      <div class="input-group col-sm-7">
                        <select class="form-control" id="newspublish_type">
                          <option v-repeat="type: type" value={{type.id}}>{{type.name}}</option>
                        </select>
                      </div>
                    </div>


                    <div class="form-group">
                      <label for="" class="col-sm-3 control-label">
                        缩略图：
                      </label>
                      <div class="input-group col-sm-7" id="newspublish_photos">

                         <!-- <input type="file" accept="image/*" id="file"> -->
                         <button class="layui-btn" id="newspublish_photo"><i class="layui-icon">&#xe67c;</i> 上传图片</button>
                        <input type="hidden" id="newspublish_photo_name">
                        <input type="hidden" id="newspublish_photo_names">
                      </div>
                    </div>
                    <div class="form-group">
                      <div class="col-sm-4 col-sm-offset-6">
                        <button v-on="click:addnews()" class="btn btn-primary"><i class="fa fa-save"></i> 确认提交</button>
                      </div>
                    </div>
                  <!-- </form> -->
                </div>
            </div>
        </div>
        </section>

        <!-- 用户管理 -->
        <section id="addpeople" v-show="currentFunction == '用户管理'" class="content">
                <div class="box content">
                    <div class="box-header with-border">
                        <h3 class="box-title">用户管理</h3>
                        <button v-on="click:enterpriseWeChat" class="btn btn-primary" style="text-align: center;margin-left:20px;margin-top: -7px;line-height: 19px;"><i class="fa fa-save"></i> 导入企业号用户</button>
                    </div>
                    <!-- <table width="100%">
                        <tr>
                            <td style="text-align: center;">姓名:</td>
                            <td width="25%">
                                <form  class="layui-form">
                                    <select name="city" lay-verify="required" lay-filter="teacher" lay-search id="news_person_name">
                                        <option value="" id="news_person_select">直接选择或搜索选择</option>
                                    </select>
                                </form>
                            </td>
                            <td style="text-align: center;">手机:</td>
                            <td width="20%">
                                <input type="tel" class="layui-input" value={{phone}} id="news_person_tel" disabled>
                            </td>
                            <td></td>
                            <td>
                                <button v-on="click:addperson" class="btn btn-primary" style="text-align: center;margin-left:20px"><i class="fa fa-save"></i> 增加</button>
                            </td>

                        </tr>

                    </table> -->
                    <!--搜索框开始-->
                    <div id='commentForm' role="form" method="post" class="form-inline pull-right">
                        <div class="clearfix m-b" >
                            <div class="form-group">
                                <label>姓名：</label>
                                <input type="text" class="form-control" id="teachername" name="teachername" >
                            </div>
                            <div class="form-group">
                                <button v-on="click:searchTeacher()" class="btn btn-primary" type="button" style="margin-top:5px" id="search"><strong>搜 索</strong>
                                </button>
                            </div>
                        </div>
                    </div>
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>姓名</th>
                                <th>手机号</th>
                                <th>部门</th>
                                <th>企业号ID</th>
                                <th>创建时间</th>
                                <th>更新时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-repeat="list: lists">
                                <td style="vertical-align: middle;">{{list.name}}</td>
                                <td style="vertical-align: middle;">{{list.mobile}}</td>
                                <td style="vertical-align: middle;">{{list.department}}</td>
                                <td style="vertical-align: middle;">{{list.userid}}</td>
                                <td style="vertical-align: middle;">{{list.create_time}}</td>
                                <td style="vertical-align: middle;">{{list.update_time}}</td>
                                <td style="vertical-align: middle;"> 
                                  <a href="#" v-on="click:Publisher(list.id)"><button type="button" class="btn btn-primary btn-sm"><i class="fa fa-paste"></i> 分配发布权限</button></a> 
                                  <a href="#" v-on="click:delPublisher(list.id,list.name)"><button type="button" class="btn btn-danger btn-sm"><i class="fa fa-trash-o"></i> 删除</button></a>
                                </td>

                            </tr>
                        </tbody>  
                    </table>
                    <!-- <div id='demo1'></div> -->
                </div>
        </section>



      </div>
      <footer class="main-footer">
        <div class="pull-right hidden-xs">版本 V0.2</div><strong>版权所有 © 2015 - 2017<a href="#">南京好用信息科技有限公司</a></strong>
      </footer>
      <div id="bindClass" class="modal modal-primary">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
              <h4 class="modal-title">选择绑定班级?</h4>
            </div>
            <div class="modal-body">
              <!-- 班牌清单-->
              <ul>
                <li v-class="active: selectedClass.ID == -1" v-on="click:chooseBindClass({ID: -1}, $event)"><a href="#"><i class="fa fa-folder"></i>全校</a>
                  <ul>
                    <li v-repeat="gradeObj: organization" v-on="click:chooseBindClass(gradeObj, )" v-class="active: gradeObj == selectedClass"><a href="#"><i class="fa fa-folder"></i>{{gradeObj.grade}}</a>
                      <ul>
                        <li v-repeat="classObj: gradeObj.classes" v-on="click:chooseBindClass(classObj, $event)" v-class="active: classObj == selectedClass"><a href="#"><i class="fa fa-file-text-o"></i>{{classObj.className}}</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>
            <div class="modal-footer">
              <button type="button" data-dismiss="modal" class="btn btn-outline pull-left">取消</button>
              <button type="button" v-on="click: onBind" class="btn btn-outline">保存</button>
            </div>
          </div>
          <!-- /.modal-content-->
        </div>
        <!-- /.modal-dialog-->
      </div>
      <div id="bindTeacher" class="modal modal-primary">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
              <h4 class="modal-title">{{teacher.name}} 老师 {{classModel.name}} 工作情况</h4>
            </div>
            <div class="modal-body form-horizontal">
              <!-- 工作类型-->
              <div class="form-group">
                <label class="col-sm-2 control-label">工作类型</label>
                <div class="col-sm-10">
                  <select v-model="classModel.type" class="form-control">
                    <option value="normal">任课教师</option>
                    <option value="headmaster">班主任</option>
                  </select>
                </div>
              </div>
              <!-- 教授课程-->
              <div class="form-group">
                <label class="col-sm-2 control-label">教授课程</label>
              </div>
              <div class="treeBox">
                <ul class="root subjectTree">
                  <li v-repeat="subject in subjects" v-class="{selected:classModel.projectIDs.indexOf(subject.id + '') !== -1 }" v-on="click:toggleSubject(classModel, subject)" value="{{subject.id}}">{{subject.name}}</li>
                </ul>
              </div>
              <button data-dismiss="modal" class="btn btn-block btn-success"><i class="fa fa-check-circle"></i> 确定</button>
            </div>
          </div>
        </div>
      </div>
      <form class="hide">
        <input id="xlf" type="file" name="xlfile">
      </form>
    </div>
    <!-- 发布权限分配 -->
    <div class="zTreeDemoBackground left" style="display: none" id="role">
        <input type="hidden" id="nodeid">
        <div class="form-group">
            <div class="col-sm-5 col-sm-offset-2">
                <ul id="treeType" class="ztree"></ul>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-4 col-sm-offset-4" style="margin-bottom: 15px">
                <input type="button" value="确认分配" class="btn btn-primary" id="postform"/>
            </div>
        </div>
    </div>

    <!-- JQuery-->
    <script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
    <!-- CSS3加速器-->
    <script type="text/javascript" src="bower_components/velocity/velocity.min.js"></script>
    <!-- 鼠标滚轮事件补丁-->
    <script type="text/javascript" src="bower_components/jquery-mousewheel/jquery.mousewheel.min.js"></script>
    <!-- Bootstrap 3.3.5-->
    <script src="theme/bootstrap/js/bootstrap.min.js"></script>
    <!-- Bootstrap time Picker-->
    <script src="theme/plugins/datepicker/bootstrap-datepicker.js"></script>
    <!-- Bootstrap time Picker-->
    <script src="theme/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
    <!-- AdminLTE App-->
    <script src="theme/dist/js/app.js"></script>
    <!-- VUE-->
    <script type="text/javascript" src="bower_components/vue/dist/vue.min.js"></script>
    <!-- WebUploader 上传组件-->
    <script type="text/javascript" src="bower_components/fex-webuploader/dist/webuploader.js"></script>
    <!-- Excel 解析组件-->
    <script type="text/javascript" src="js/plugins/xls/xls.js"></script>
    <!-- 引入layui -->
    <script src="theme/layui/layui.js"></script>
    <!-- 树插件 -->
    <link rel="stylesheet" href="theme/zTree/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="theme/zTree/jquery.ztree.core-3.5.js"></script>
    <script type="text/javascript" src="theme/zTree/jquery.ztree.excheck-3.5.js"></script>
    <script type="text/javascript" src="theme/zTree/jquery.ztree.exedit-3.5.js"></script>
    <!-- 应用层代码 -->
    <!-- 服务器地址-->
    <script type="text/javascript" src="js/server.js"></script>
    <script src="js/date.js"></script>
    <script src="js/menu.js"></script>
    <script src="js/importexcel.js"></script>
    <script src="js/classplate.js"></script>
    <script src="js/classtable.js"></script>
    <script src="js/notification.js"></script>
    <script src="js/page.js"></script>
    <script src="js/teacher.js"></script>
    <script src="js/organize.js"></script>
    <script src="js/estudents.js"></script>
    <script src="js/treeitem.js"></script>
    <script src="js/evaluate.js"></script>
    <script src="js/wages.js"></script>
    <script src="js/auditor.js"></script>
    <script src="js/visitor.js"></script>
    <script src="js/translate.js"></script>
    <script src="js/borain-timeChoice.js"></script>
    <script src="js/patrol.js"></script>
    <script src="js/repair.js"></script>
    <script src="js/news.js"></script>
	  <script src="js/visitorcode.js"></script>
    <script>
    //  level分为 YM YMD H HM 四个有效值，分别表示年月 年月日 年月日时 年月日时分,less表示是否不可小于当前时间。年-月-日 时:分 时为24小时制
    //  为确保控件结构只出现一次，在有需要的时候进行一次调用。
    onLoadTimeChoiceDemo();
     borainTimeChoice({
        start:".start",
        end:".end",
        level:"HM",
        less:true
    });
     // layui
    layui.use(['layer', 'laydate', 'form', 'upload'], function(){
        var layer = layui.layer
        ,laydate = layui.laydate
        ,uploadInst = layui.upload
        ,form = layui.form;
        var photots = new Array();
        //执行一个laydate实例
        laydate.render({
            elem: '#patrol_task_time'
            ,type: 'time'
        });
        laydate.render({
            elem: '#patrol_list_date'
            ,type: 'datetime'
            ,range: '至'
            ,max: 1
        });
        laydate.render({
          elem: '#visitorDate'
          ,type: 'datetime'
          ,range: '至'
          ,max: 1
        });
        uploadInst.render({
            elem: '#newspublish_photo' //绑定元素
            ,url: baseURL + '/upload' //上传接口
            ,method: 'post'
            ,accept: 'images'
            ,multiple: 'true'
            ,done: function(res, index, upload){ //上传后的回调
                $("#newspublish_photo_name").val(res.filelink);
                var photoname = $("#newspublish_photo_name").val();
                 photots.push(photoname);
                var photos = photots.join(",");
                $("#newspublish_photo_names").val(photos);

                // $("#newspublish_photo").html('<i class="layui-icon">&#xe67c;</i> ' + res.filelink);
                $("#newspublish_photos").append('<div style="height:66px;float:left;"><img src="'+ baseURL +'/public'+ res.filelink +'" class="layui-upload-img" style="height: 100%;"></div>');
            }
            ,error: function () {
                alert('图片上传失败,请刷新后重试');
            }
        });
        // form.on('select(teacher)', function(data){
        //     console.log(data.value); //得到被选中的值
        // });
        // window.render = function () {
        //     form.render();
        // }
    });
    function newseditend(id, title, description) {
      $("#newstitle"+id).html(title);
      $("#newsdescription"+id).html(description);
    }
</script>
  </body>
</html>